<div data-bind="with: bookVM">
	<div class="row header navigation-bar-bgd">
		<div class="back clickableEffect" id="fastButtonComment">
			<div class="btn-back">
			</div>
		</div>
		<div class="header-title" data-bind="text: strComments">&nbsp;</div>
	</div>
	<div id="wrapper_scrollview" class="wrapper scroller comments">
		<div>
			<div class="add-comment-number-title">
				<div class="title-comment" data-bind="text: bookVM.strThereAreCurrently() + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + bookVM.strCommentsOnThisTitle()"></div>
				<div style="height: 10px;"></div>
				<div class="add-comment-number-title-virtual">
					<div data-bind="text: bookVM.strThereAreCurrently" class="virtual-text"></div>
					<div class="virtual-number-comment">
						<div class="icon-comment" data-bind="text: bookVM.entity().overView.numberComment()"></div>
					</div>
				</div>
			</div>
			<div class="btn-add-comment navigation-bar-bgd clickableEffect" data-bind="click: $root.addComment" align="center">
				<table style="height: 55px;">
					<tr style="text-align: center;">
						<td>
							<span data-bind="text: bookVM.strAddAComment"></span>
						</td>
						<td>
							<span class="icon-add-comment"></span>
						</td>
					</tr>
				</table>
			</div>
			<div id="comment-list" style="display: block;">
				<ul data-bind="foreach: listComment">
					<li>
						<div class="name">
							<span data-bind="text: $index() + 1"></span>.
							<span data-bind="text: date"></span>
							<span data-bind="text: name"></span>
						</div>
						<div class="text" data-bind="html: text"></div>
					</li>
				</ul>
			</div>
			<div id="add-comment" class="add-comment-field" style="display: none;">
				<textarea type="text" id="comment-text" />
				<div class="space-under-comment">
				</div>
				<div class="post-comment clickableEffect" data-bind="click: postComments, text: bookVM.strPost"></div>
				<div class="cancel-comment clickableEffect" data-bind="click: $root.cancelComment, text: bookVM.strCancel"></div>
			</div>
			<div style="height: 9px;">
			</div>
		</div>
	</div>
</div>